{{ $featured_image := .Params.featured_image }}
<article class="bb b--black-10">
    <div class="db pv4 ph3 ph0-l no-underline dark-gray">
        <div class="flex flex-column flex-row-ns">
            {{ if .Params.featured_image }}
            {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
            {{ $featured_image := (trim $featured_image "/") | absURL }}
            <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
                <a class="db grow" href="{{.URL}}">
                    <img alt="image from {{ .Title }}" class="img" src="{{ $featured_image }}">
                </a>
            </div>
            {{ end }}
            <div class="blah w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">
                <h1 class="f3 fw1 athelas mt0 lh-title">
                    <a class="color-inherit dim link" href="{{.URL}}">
                        {{ .Title }}
                    </a>
                </h1>
                <div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
                    {{ .Summary }}
                </div>
                <a class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1"
                   href="{{.URL}}">{{
                    $.Param "read_more_copy" | default (i18n "readMore") }}</a>
                {{/* TODO: add author
                <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
            </div>
        </div>
    </div>
</article>
